<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>常用编程工具实用技巧 | DisappearBlog</title><meta name="keywords" content="编程工具,解决方案"><meta name="author" content="disappearedCoder"><meta name="copyright" content="disappearedCoder"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="记录自己日常使用的各种编程工具的实用技巧、各种坑以及一些问题的解决方案">
<meta property="og:type" content="article">
<meta property="og:title" content="常用编程工具实用技巧">
<meta property="og:url" content="https://shunzmg.gitee.io/2021/04/20/%E5%B8%B8%E7%94%A8%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E5%AE%9E%E7%94%A8%E6%8A%80%E5%B7%A7/index.html">
<meta property="og:site_name" content="DisappearBlog">
<meta property="og:description" content="记录自己日常使用的各种编程工具的实用技巧、各种坑以及一些问题的解决方案">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://i.loli.net/2019/11/27/emqv1ElKFPbHWyu.png">
<meta property="article:published_time" content="2021-04-20T02:50:50.000Z">
<meta property="article:modified_time" content="2021-04-21T14:29:28.130Z">
<meta property="article:author" content="disappearedCoder">
<meta property="article:tag" content="编程工具">
<meta property="article:tag" content="解决方案">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://i.loli.net/2019/11/27/emqv1ElKFPbHWyu.png"><link rel="shortcut icon" href="/img/favicon.png"><link rel="canonical" href="https://shunzmg.gitee.io/2021/04/20/%E5%B8%B8%E7%94%A8%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E5%AE%9E%E7%94%A8%E6%8A%80%E5%B7%A7/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: undefined,
  translate: undefined,
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":false},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: {"limitCount":50,"languages":{"author":"作者: disappearedCoder","link":"链接: ","source":"来源: DisappearBlog","info":"著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"}},
  lightbox: 'fancybox',
  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#121212","position":"top-right"},
  source: {
    jQuery: 'https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js',
    justifiedGallery: {
      js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
      css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
    },
    fancybox: {
      js: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js',
      css: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css'
    }
  },
  isPhotoFigcaption: true,
  islazyload: false,
  isanchor: true
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = { 
  isPost: true,
  isHome: false,
  isHighlightShrink: false,
  isToc: true,
  postUpdate: '2021-04-21 22:29:28'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }
  
    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })
  
      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
          if (t === 'dark') activateDarkMode()
          else if (t === 'light') activateLightMode()
        
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
    const fontSizeVal = saveToLocal.get('global-font-size')
    if (fontSizeVal !== undefined) {
      document.documentElement.style.setProperty('--global-font-size', fontSizeVal + 'px')
    }
    })(window)</script><meta name="generator" content="Hexo 5.4.0"></head><body><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="author-avatar"><img class="avatar-img" src="/null" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/archives/"><div class="headline">文章</div><div class="length-num">4</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">4</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">2</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div></div></div><div class="post" id="body-wrap"><header class="not-top-img" id="page-header"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">DisappearBlog</a></span><div id="menus"><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav></header><main class="layout" id="content-inner"><div id="post"><div id="post-info"><h1 class="post-title">常用编程工具实用技巧</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2021-04-20T02:50:50.000Z" title="发表于 2021-04-20 10:50:50">2021-04-20</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-04-21T14:29:28.130Z" title="更新于 2021-04-21 22:29:28">2021-04-21</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/">解决方案</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-pv-cv"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"></span></span></div></div></div><article class="post-content" id="article-container"><h2 id="1-Visual-Studio-Code-相关插件和解决方案"><a href="#1-Visual-Studio-Code-相关插件和解决方案" class="headerlink" title="1 Visual Studio Code 相关插件和解决方案"></a>1 Visual Studio Code 相关插件和解决方案</h2><h3 id="写在前面"><a href="#写在前面" class="headerlink" title="写在前面"></a>写在前面</h3><p>这里介绍的插件都是在<strong>Windows 10</strong>专业版环境下的VSCode中使用的，在<strong>Mac OS</strong>中或者<strong>Linux</strong>中可能有所不同</p>
<h3 id="1-1-个人使用的插件"><a href="#1-1-个人使用的插件" class="headerlink" title="1.1 个人使用的插件"></a>1.1 <strong>个人使用的插件</strong></h3><ul>
<li><strong>Code Ruuner</strong>：基本能满足日常需要的代码运行者  </li>
<li><strong>One Dark Pro</strong>：深色主题  </li>
<li><strong>vscode-icons</strong>：改善图标  </li>
<li><strong>open in browser</strong>：可以让你在VScode代码编辑区的右键菜单中快速将文件在浏览器中打开，可以在设置中设置默认打开的浏览器，在进行前端页面开发时能带来很大的帮助  </li>
<li><strong>Bracket Pair Colorizer 2</strong>：括号匹配高亮，同一级别的括号用相同的颜色高亮显示，能帮助开发者更好的看清楚括号层次  </li>
<li><strong>Python</strong>：Python开发必备，以及相应的提示进行安装的插件  </li>
<li>**C/C++**：C/C++开发必备  </li>
<li><strong>Java Extension Pack</strong>：Java开发必备，这是一个扩展包，会安装一些其他的附加的插件，放心，这些都是必须的，其中包括了<strong>Language Support for Java™ by Red Hat</strong>、<strong>Debugger for Java</strong>、<strong>Java Test Runner</strong>、<strong>Maven for Java</strong>、<strong>Java Dependency Viewer</strong>和<strong>Visual Studio IntelliCode</strong>等插件</li>
<li><strong>Peacock</strong>：窗口边框美化插件，可以提供随机的窗口边框颜色，也可以自定义哦  </li>
</ul>
<h3 id="1-2-解决使用Code-Runner插件运行代码后在OUTPUT窗口下不能输入的问题"><a href="#1-2-解决使用Code-Runner插件运行代码后在OUTPUT窗口下不能输入的问题" class="headerlink" title="1.2 解决使用Code Runner插件运行代码后在OUTPUT窗口下不能输入的问题"></a>1.2 <strong>解决使用Code Runner插件运行代码后在OUTPUT窗口下不能输入的问题</strong></h3><ul>
<li><strong>解决方案</strong>：进入<code>File-&gt;Preferences-&gt;Settings</code>，在顶部搜索栏搜索<code>Code-runner:Run In Terminal</code>，在出来的选项中将<code>Whether to run code in Integrated Terminal</code>勾上，此时运行代码将在终端(TERNIMAL)中运行，可以进行输入，问题解决<img src="https://i.loli.net/2019/11/26/TsZcLE52dMSozNi.png" alt="Code-runner:Run In Terminal">  </li>
</ul>
<h3 id="1-3-解决C语言控制台输出中文乱码的问题-同C-解决方案"><a href="#1-3-解决C语言控制台输出中文乱码的问题-同C-解决方案" class="headerlink" title="1.3 解决C语言控制台输出中文乱码的问题(同C++解决方案)"></a>1.3 <strong>解决C语言控制台输出中文乱码的问题(同C++解决方案)</strong></h3><ul>
<li><strong>情景说明</strong>：使用gcc编译器进行编译，利用Code Runner插件进行辅助运行，源代码文件的编码为UTF-8，系统为Windows10，编写好源文件后，用Code Runner转起来，输出的中文乱码，如下：<img src="https://i.loli.net/2019/11/26/jmPVELZrSlG2kX1.png" alt="输出中文乱码">  </li>
<li><strong>解决方案</strong>：进入VScode界面，进入<code>File-&gt;Preferences-&gt;Settings</code>，在右边选项中找到<code>Edit in settings.json</code>打开<code>settings.json</code>文件，如果文件中没有<code>code-runner.executorMap</code>该项配置，则添加该项配置，并在配置中找到C语言的运行模板，将其改为<code>cd $dir &amp;&amp; gcc $fileName -o $fileNameWithoutExt -fexec-charset=gbk &amp;&amp; $dir$fileNameWithoutExt</code>，其实也就是在编译的时候指定了编译器使用的字符集，<code>-fexec-charset=gbk</code>。此时在运行我们的代码，输出问题不再乱码，问题解决<br><img src="https://i.loli.net/2019/11/26/xL2OjpWmf7Dnysg.png" alt="设置字符集"><br><img src="https://i.loli.net/2019/11/26/aB94glvnbJh2mYx.png" alt="输出中文正常">  </li>
<li><strong>Tips</strong>:  <ul>
<li>在<code>settings.json</code>文件中，一般只用输入<code>code-runner.</code>就会弹出候选项，选中<code>executorMap</code>即可自动补全，不过要注意json的格式，比如每一个配置项的名字要使用双引号括起来，后面跟一个冒号，然后是主体配置的内容，每两个配置项之间要使用逗号隔开等  </li>
<li>调试C++文件时如果有输出中文乱码情况，同样可以在<code>code-runner.executorMap</code>配置选项中将C++运行模板配置项中加上<code>-fexec-charset=gbk</code>后解决问题</li>
</ul>
</li>
</ul>
<h2 id="2-Windows环境使用Typora-PicGo实现Markdown文件图片自动上传"><a href="#2-Windows环境使用Typora-PicGo实现Markdown文件图片自动上传" class="headerlink" title="2 Windows环境使用Typora+PicGo实现Markdown文件图片自动上传"></a>2 Windows环境使用Typora+PicGo实现Markdown文件图片自动上传</h2><h3 id="2-1-SM-MS"><a href="#2-1-SM-MS" class="headerlink" title="2.1 SM.MS"></a>2.1 SM.MS</h3><p>1、登录<a target="_blank" rel="noopener" href="https://sm.ms/">SM.MS</a>，没有注册的同学可以自行注册，登录之后，进入<code>Dashboard</code>.</p>
<p><img src="https://i.loli.net/2021/04/21/SEHnlZQDuTymivc.png" alt="SM.MS Dashboard"></p>
<p>2、在侧边栏中进入<code>API TOKEN</code>，<strong>记录下<code>Secret Token</code>中的值</strong>，在后面PicGo配置中需要用到，如果没有，可以点击<code>Generate Secret Token</code>按钮生成一个.</p>
<p><img src="https://i.loli.net/2021/04/21/QxXvdPWR8puiBe9.png" alt="Secret Token"></p>
<h3 id="2-2-PicGo"><a href="#2-2-PicGo" class="headerlink" title="2.2 PicGo"></a>2.2 PicGo</h3><p>1、可以直接前往<strong>PicGo</strong>官方网站进行下载，或者访问Github仓库下载<code>.exe</code>文件，如果网络不行，也可以通过镜像站地址访问下载，附上链接如下：</p>
<ul>
<li><p>PicGo官网：<a target="_blank" rel="noopener" href="https://molunerfinn.com/PicGo/">https://molunerfinn.com/PicGo/</a></p>
</li>
<li><p>Github地址：<a target="_blank" rel="noopener" href="https://github.com/Molunerfinn/PicGo/releases">https://github.com/Molunerfinn/PicGo/releases</a></p>
</li>
<li><p>Github镜像站地址：<a target="_blank" rel="noopener" href="https://hub.fastgit.org/Molunerfinn/PicGo/releases">https://hub.fastgit.org/Molunerfinn/PicGo/releases</a></p>
</li>
</ul>
<p>2、下载后安装，记下安装路径，安装后打开PicGo程序，选择<code>插件设置</code>，这里我们使用SM.MS图床存储，在插件设置搜索框中搜索<code>smms-user</code>插件然后安装.</p>
<p><img src="https://i.loli.net/2021/04/21/qufOchK9zoYltHJ.png" alt="安装SM.MS图床插件"></p>
<p>3、进入<code>PicGo设置</code>，下拉到最后，选中<code>SM.MS-登录用户</code>.</p>
<p><img src="https://i.loli.net/2021/04/21/nGJ7q4VOZUjfcm1.png" alt="设置PicGo图床"></p>
<p>4、进入<code>图床设置</code>，选择<code>SM.MS-登录用户</code>，在<code>Auth</code>输入框中输入刚刚记录下的SM.MS图床的<code>Secret Token</code>，点击<code>设为默认图床</code>，然后点击<code>确定</code>，至此，PicGo中的配置已经结束.</p>
<p><img src="https://i.loli.net/2021/04/21/h1BK8RWxVgeNfES.png" alt="设置Auth"></p>
<h3 id="2-3-Typora"><a href="#2-3-Typora" class="headerlink" title="2.3 Typora"></a>2.3 Typora</h3><p>下面就是最后一步，在Typora中进行相关的配置</p>
<p>1、进入Typora官网，在顶部导航栏中找到<code>Download</code>，点击进入下载，附上地址：</p>
<p>Typora官网：<a target="_blank" rel="noopener" href="https://www.typora.io/">https://www.typora.io/</a></p>
<p>2、下载之后自行安装，安装完毕打开Typora程序，打开顶部工具栏中<code>文件-&gt;偏好设置</code>，在偏好设置侧边栏中点击<code>图像</code>，进入之后上传服务中选择PicGo(app)，点击图中圈出的文件夹按钮，在弹出的界面中找到PicGo安装路径下的<code>PicGo.exe</code>文件并打开，然后点击验证图片上传选项，验证成功，至此，图片自动上传配置结束.</p>
<p><img src="https://i.loli.net/2021/04/21/kl5JyFBq1K2e4P6.png" alt="配置Typora上传服务"></p>
<p><img src="https://i.loli.net/2021/04/21/wzuiB6YD4tchnok.png" alt="验证图片上传选项"></p>
<h3 id="避坑"><a href="#避坑" class="headerlink" title="避坑"></a>避坑</h3><p>在自己配置过程中，搜罗了各方资料，起初还是存在着一些问题的，复盘一下问题情景：PicGo中上传没有问题，能够上传成功，但是在上述配置之后在Typora中却无法上传.</p>
<p>如果出现这种情况，先去Typora中进行<code>验证图片上传选项</code>，如果出现如下情况：<img src="https://i.loli.net/2021/04/21/t81Y2wAMKxBHJQf.png" alt="Failed to fetch"></p>
<p>可见图中出现了<code>Failed to fetch</code>错误，这里留意访问的是本地IP<code>127.0.0.1</code>的**<code>36677</code>**端口，我们打开PicGo，进入<code>PicGo设置</code>，找到<code>设置Server</code>，点击<code>点击设置</code></p>
<p><img src="https://i.loli.net/2021/04/21/PR59Z4DlSfnIsqu.png" alt="PicGo设置Server"></p>
<p>可以看到监听端口这里为<code>36680</code>，与Typora中访问的<code>36677</code>端口不同，在这里将监听端口改为<code>36677</code>，重新验证图片上传选项，即可解决.</p>
<p>这里提到的是自己配置过程中出现的一个问题，在这里分享出来，供大家借鉴.</p>
<hr>
<p>未完待续，持续更新…</p>
</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta">文章作者: </span><span class="post-copyright-info"><a href="mailto:undefined">disappearedCoder</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta">文章链接: </span><span class="post-copyright-info"><a href="https://shunzmg.gitee.io/2021/04/20/%E5%B8%B8%E7%94%A8%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E5%AE%9E%E7%94%A8%E6%8A%80%E5%B7%A7/">https://shunzmg.gitee.io/2021/04/20/%E5%B8%B8%E7%94%A8%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E5%AE%9E%E7%94%A8%E6%8A%80%E5%B7%A7/</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta">版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="https://shunzmg.gitee.io" target="_blank">DisappearBlog</a>！</span></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/tags/%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/">编程工具</a><a class="post-meta__tags" href="/tags/%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/">解决方案</a></div><div class="post_share"><div class="social-share" data-image="https://i.loli.net/2019/11/27/emqv1ElKFPbHWyu.png" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js" defer></script></div></div><div class="post-reward"><div class="reward-button button--animated"><i class="fas fa-qrcode"></i> 打赏</div><div class="reward-main"><ul class="reward-all"><li class="reward-item"><a href="/image/wechat.png" target="_blank"><img class="post-qr-code-img" src="/image/wechat.png" alt="微信"/></a><div class="post-qr-code-desc">微信</div></li><li class="reward-item"><a href="/image/alipay.png" target="_blank"><img class="post-qr-code-img" src="/image/alipay.png" alt="支付宝"/></a><div class="post-qr-code-desc">支付宝</div></li></ul></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-full"><a href="/2021/07/18/Spring-Framework%E5%88%9D%E5%A7%8B/"><img class="prev-cover" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/img/default.jpg" onerror="onerror=null;src='/img/404.jpg'" alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">Spring Framework初识</div></div></a></div></nav><hr/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div class="vcomment" id="vcomment"></div></div></div></div></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="card-info-avatar is-center"><img class="avatar-img" src="/null" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">disappearedCoder</div><div class="author-info__description">一位小伙子在求学路上的点点滴滴</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">4</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">4</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">2</div></a></div></div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#1-Visual-Studio-Code-%E7%9B%B8%E5%85%B3%E6%8F%92%E4%BB%B6%E5%92%8C%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88"><span class="toc-text">1 Visual Studio Code 相关插件和解决方案</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#%E5%86%99%E5%9C%A8%E5%89%8D%E9%9D%A2"><span class="toc-text">写在前面</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#1-1-%E4%B8%AA%E4%BA%BA%E4%BD%BF%E7%94%A8%E7%9A%84%E6%8F%92%E4%BB%B6"><span class="toc-text">1.1 个人使用的插件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#1-2-%E8%A7%A3%E5%86%B3%E4%BD%BF%E7%94%A8Code-Runner%E6%8F%92%E4%BB%B6%E8%BF%90%E8%A1%8C%E4%BB%A3%E7%A0%81%E5%90%8E%E5%9C%A8OUTPUT%E7%AA%97%E5%8F%A3%E4%B8%8B%E4%B8%8D%E8%83%BD%E8%BE%93%E5%85%A5%E7%9A%84%E9%97%AE%E9%A2%98"><span class="toc-text">1.2 解决使用Code Runner插件运行代码后在OUTPUT窗口下不能输入的问题</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#1-3-%E8%A7%A3%E5%86%B3C%E8%AF%AD%E8%A8%80%E6%8E%A7%E5%88%B6%E5%8F%B0%E8%BE%93%E5%87%BA%E4%B8%AD%E6%96%87%E4%B9%B1%E7%A0%81%E7%9A%84%E9%97%AE%E9%A2%98-%E5%90%8CC-%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88"><span class="toc-text">1.3 解决C语言控制台输出中文乱码的问题(同C++解决方案)</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#2-Windows%E7%8E%AF%E5%A2%83%E4%BD%BF%E7%94%A8Typora-PicGo%E5%AE%9E%E7%8E%B0Markdown%E6%96%87%E4%BB%B6%E5%9B%BE%E7%89%87%E8%87%AA%E5%8A%A8%E4%B8%8A%E4%BC%A0"><span class="toc-text">2 Windows环境使用Typora+PicGo实现Markdown文件图片自动上传</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#2-1-SM-MS"><span class="toc-text">2.1 SM.MS</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-2-PicGo"><span class="toc-text">2.2 PicGo</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-3-Typora"><span class="toc-text">2.3 Typora</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#%E9%81%BF%E5%9D%91"><span class="toc-text">避坑</span></a></li></ol></li></ol></div></div><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item no-cover"><div class="content"><a class="title" href="/2021/07/22/Spring-IoC%E8%87%AA%E5%8A%A8%E8%A3%85%E8%BD%BD%EF%BC%88%E5%9F%BA%E4%BA%8Exml%E9%85%8D%E7%BD%AE%EF%BC%89/" title="Spring IoC自动装载（基于xml配置）">Spring IoC自动装载（基于xml配置）</a><time datetime="2021-07-22T15:33:55.000Z" title="发表于 2021-07-22 23:33:55">2021-07-22</time></div></div><div class="aside-list-item no-cover"><div class="content"><a class="title" href="/2021/07/20/Spring%E5%B7%A5%E5%8E%82%E6%96%B9%E6%B3%95/" title="Spring工厂方法">Spring工厂方法</a><time datetime="2021-07-20T02:52:57.000Z" title="发表于 2021-07-20 10:52:57">2021-07-20</time></div></div><div class="aside-list-item no-cover"><div class="content"><a class="title" href="/2021/07/18/Spring-Framework%E5%88%9D%E5%A7%8B/" title="Spring Framework初识">Spring Framework初识</a><time datetime="2021-07-18T12:43:41.000Z" title="发表于 2021-07-18 20:43:41">2021-07-18</time></div></div><div class="aside-list-item no-cover"><div class="content"><a class="title" href="/2021/04/20/%E5%B8%B8%E7%94%A8%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E5%AE%9E%E7%94%A8%E6%8A%80%E5%B7%A7/" title="常用编程工具实用技巧">常用编程工具实用技巧</a><time datetime="2021-04-20T02:50:50.000Z" title="发表于 2021-04-20 10:50:50">2021-04-20</time></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2019 - 2021 By disappearedCoder</div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="font-plus" type="button" title="放大字体"><i class="fas fa-plus"></i></button><button id="font-minus" type="button" title="缩小字体"><i class="fas fa-minus"></i></button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module"></script><script src="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js"></script><script>function panguFn () {
  if (typeof pangu === 'object') pangu.autoSpacingPage()
  else {
    getScript('https://cdn.jsdelivr.net/npm/pangu/dist/browser/pangu.min.js')
      .then(() => {
        pangu.autoSpacingPage()
      })
  }
}

function panguInit () {
  if (true){
    GLOBAL_CONFIG_SITE.isPost && panguFn()
  } else {
    panguFn()
  }
}

document.addEventListener('DOMContentLoaded', panguInit)</script><div class="js-pjax"><script>if (document.getElementsByClassName('mermaid').length) {
  if (window.mermaidJsLoad) mermaid.init()
  else {
    getScript('https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js').then(() => {
      window.mermaidJsLoad = true
      mermaid.initialize({
        theme: 'default',
      })
      false && mermaid.init()
    })
  }
}</script><script>function loadValine () {
  function initValine () {
    let initData = {
      el: '#vcomment',
      master:'86fd21dd8a2556e00797e680fd87cf75',
      friends:'1ab166ee69d02a4dee945499e5c11bea',
      appId: '1sVduAwntJYFEJw1j2kXUl0H-MdYXbMMI',
      appKey: 'gfM2bu07EFE3SelgRoDW9MAN',
      placeholder: '建议使用QQ邮箱，评论头像采用QQ头像',
      avatar: 'monsterid',
      meta: 'nick,mail,link'.split(','),
      pageSize: '10',
      lang: 'zh-CN',
      recordIP: false,
      serverURLs: '',
      emojiCDN: '',
      emojiMaps: "",
      enableQQ: true,
      path: window.location.pathname,
    }

    if (true) { 
      initData.requiredFields= ('nick,mail'.split(','))
    }
    
    if (false) {
      const otherData = false
      initData = Object.assign(initData, otherData)
    }
    
    const valine = new Valine(initData)
  }

  if (typeof Valine === 'function') initValine() 
  else getScript('https://cdn.jsdelivr.net/gh/HCLonely/Valine@latest/dist/Valine.min.js').then(initValine)
}

if ('Valine' === 'Valine' || !false) {
  if (false) btf.loadComment(document.getElementById('vcomment'),loadValine)
  else setTimeout(loadValine, 0)
} else {
  function loadOtherComment () {
    loadValine()
  }
}</script></div><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div></body></html>